﻿<!DOCTYPE html>
<!--作业许可证管理=》作业许可证审批-->
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="/static/js/common.js"></script>

    <script src="../../static/js/Mock/JobLicenseApp_Zyxkzsp.js"></script>
    <script src="../../static/js/Resource/JobLicenseApp_Zyxkzsp.js"></script>
    <style>
        body {
            padding-bottom: 10px;
        }

        .toptitle label {
            margin-left: 20px;
        }

        .align_left {
            text-align: left;
        }

        table {
            width: 100%;
            border-top: 1px solid;
            border-left: 1px solid;
            text-align: center;
            /*border-right: none;*/
        }

            table td {
                border-right: 1px solid;
                border-bottom: 1px solid;
                /*height:38px;*/
                padding: 10px;
            }

        .floatDiv {
            position: fixed;
            top: 10%;
            left: 1px;
            border: 1px solid #ccc;
            background: #EBEEF5;
            cursor: pointer;
            width: 14px;
            font-size: 14px;
            padding: 10px;
        }
    </style>

</head>
<body>
    
<div id="app" v-cloak>   
        <div style="width:100%;text-align:center ">
            <label style="font-weight:bold">{{JobLApproval.JobTitle+mark.m}}</label>
        </div>
        <div style="width:100%;text-align:right" class="toptitle">
            <label>Q/G11-018-R01&nbsp;&nbsp;&nbsp;No.：{{id}} &nbsp;&nbsp;</label>
        </div>
        <el-form :model="Form" status-icon style="margin-top:5px;width:100%" :rules="rules" ref="ruleForm">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td  width="15%">{{JobLApproval.JobUnit+mark.m}}</td>
                    <td width="35%" colspan="2" align="center">{{Form.JobUnit}}</td>
                    <td  width="15%">{{JobLApproval.JobManager+mark.m}}</td>
                    <td width="35%" colspan="2" align="center">{{Form.JobManager}}</td>
                </tr>
                <tr>
                    <td>{{JobLApproval.WorkArea+mark.m}}</td>
                    <td colspan="2" align="center">{{Form.WorkArea}}</td>
                    <td>{{JobLApproval.JobLocation+mark.m}}</td>
                    <td colspan="2" align="center">{{Form.JobLocation}}</td>
                </tr>
                <tr>
                    <td >
                        <el-checkbox v-model="Form.contractor">{{JobLApproval.Contractor+mark.m}}</el-checkbox>
                    <td colspan="6" align="center">
                        {{contractorData}}
                    </td>
                </tr>
                <tr>
                    <td>{{JobLApproval.JobPerson+mark.m}}</td>
                    <td colspan="2" align="center">{{Form.JobPerson}}</td>
                    <td>{{JobLApproval.Guardian+mark.m}}</td>
                    <td colspan="2" align="center">{{Form.Guardian}}</td>
                </tr>
                <tr>
                    <td>{{JobLApproval.WorkDescription+mark.m}}</td>
                    <td colspan="6" align="center">{{Form.WorkDescription}}</td>
                </tr>
            </table>

            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="20%" align="left"><strong>A图纸说明：</strong></td>
                    <td width="80%" align="left">{{DrawingDescription}}</td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="33%" align="left">
                        <strong>B-工作类型：</strong>
                        <br />
                        {{BJobType}}
                    </td>
                    <td width="33%" align="left">
                        <strong>C-危害识别：</strong>
                        <br />
                        {{CJobType}}
                    </td>
                    <td width="34%" align="left">
                        <strong>D-个人安全防护：</strong>
                        <br />
                        {{DJobType}}
                    </td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="100%" align="left">
                        <strong>E-工作前安全措施（工作区域准备）：</strong>
                        <br />
                        {{EJobType}}
                    </td>
                </tr>
                <tr>
                    <td width="100%" align="left">
                        <strong>F-安全措施确认：</strong>
                        <br />
                        {{FJobType}}
                    </td>
                </tr>
                <tr>
                    <td width="100%" align="left">
                        相关表格
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10%">序号</td>
                                <td width="20%">作业票证名称</td>
                                <td width="20%">作业票证编号</td>
                                <td width="20%">申请时间</td>
                                <td width="20%">有效时间</td>
                                <td width="10%">状态</td>
                            </tr>
                            <tr v-for="(v,i) in this.Form.SafeMessage888">
                                <td>{{i+1}}</td>
                                <td class="align_left">{{v.a1}}</td>
                                <td>{{v.a2}}</td>
                                <td>{{v.a3}}</td>
                                <td>{{v.a4}}</td>
                                <td>{{v.a5}}</td>
                            </tr>
                            <!--<tr>
                                <td>1</td>
                                <td>一般吊装作业安全许可证</td>
                                <td>作业票证编号</td>
                                <td>00000001</td>
                                <td>2015-12-06</td>
                                <td>状态</td>
                            </tr>-->
                        </table>

                    </td>
                </tr>
                <tr>
                    <td width="100%" align="left">
                        附件列表
                        <table cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="10%">序号</td>
                                <td width="40%">附件名称</td>
                                <td width="40%">上传时间</td>

                            </tr>
                            <tr v-for="(v,i) in this.Form.aAnnex888">
                                <td>{{i+1}}</td>
                                <td class="align_left">{{v.a1}}</td>
                                <td>{{v.a2}}</td>
                            </tr>
                            <!--<tr>
                                <td>1</td>
                                <td>附件1</td>
                                <td>2019-03-15</td>
                            </tr>-->
                        </table>
                    </td>
                </tr>
            </table>


            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="50%" align="left">
                        <div style="height:90px;">
                            &nbsp;&nbsp;&nbsp;&nbsp;本人在工作开始前，已同工作区域负责人讨论了该工作及安全工作方案，并对工作内容进行了现场检查，该作业许可证的安全措施已落实。
                        </div>
                        <div style="text-align:left">
                            申请人：&nbsp;&nbsp;<signature v-model="Form.JobManagere">
                        </div>
                        <div style="text-align:right">
                            年 月 日 时 分
                        </div>
                    </td>
                    <td width="50%" align="left">
                        <div style="height:90px;">
                            &nbsp;&nbsp;&nbsp;&nbsp;本人已同工作执行单位(人员)讨论了该工作及安全工作方案，并对工作内容进行了现场检查，我对本工作及工作人员的安全负责。
                        </div>
                        <div style="text-align:left">
                            批准人：
                        </div>
                        <div style="text-align:right">
                            年 月 日 时 分
                        </div>
                    </td>

                </tr>
            </table>

            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="50%" align="left">
                        <strong>J-受影响相关方共同签署：</strong>
                    </td>
                    <td rowspan="2" width="50%" align="left">
                        &nbsp;&nbsp;&nbsp;&nbsp;单位    &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; 确认人
                    </td>
                </tr>
                <tr>
                    <td align="left">
                        &nbsp;&nbsp;&nbsp;&nbsp;本人确认收到许可证，了解工作对本单位的影响，将安排人员对此项工作给予关注，并和相关各方保持联系。
                    </td>
                </tr>

            </table>


            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="33%" align="left">
                        <strong> K-许可证的关闭：</strong>
                    </td>
                    <td width="33%" rowspan="2">
                        <div style="text-align:left">
                            作业负责人：
                        </div>
                        <div style="text-align:right">
                            年 月 日 时 分
                        </div>
                    </td>
                    <td width="34%" rowspan="2">
                        <div style="text-align:left">
                            属地主管：
                        </div>
                        <div style="text-align:right">
                            年 月 日 时 分
                        </div>
                    </td>

                </tr>
                <tr>
                    <td align="left">
                        &nbsp;&nbsp;工作结束，已经确认现场没有遗留任何安全隐患，并已恢复到正常状态，同意许可证关闭。
                    </td>

                </tr>
            </table>

            <table cellpadding="0" cellspacing="0" style="border-top:none;">
                <tr>
                    <td width="33%" align="left">
                        <strong> L-许可证的取消：</strong>
                    </td>
                    <td width="33%" >
                        <div style="text-align:left">
                            提出人：
                        </div>
                        <div style="text-align:right">
                            年 月 日 时 分
                        </div>
                    </td>
                    <td width="34%" rowspan="2">
                        <div style="text-align:left">
                            批准人：
                        </div>
                        <div style="text-align:right">
                            年 月 日 时 分
                        </div>
                    </td>

                </tr>
               
            </table>



            <el-row>
                <el-form-item style="text-align:center; padding-top:5px">
                    <el-button type="primary" @click="onSubmitForm('ruleForm')">{{col.btnCommit}}</el-button>
                    <el-button type="primary" @click="parent.ListItem.dialogVisible=false">{{col.btnBack}}</el-button>
                </el-form-item>
            </el-row>
        </el-form>
        <el-dialog :title="DialogTitle" :visible.sync="ListItem.dialogVisible" width="80%" height="80%" top="10vh">
            <iframe ref="iframe" :src="ListItem.InputUrl" style="height:95%;width:100%" frameborder="0"></iframe>
        </el-dialog>
    </div>
    <script type="text/javascript">

        app = new Vue({
            el: '#app',
            data: function () {
                return {
                    id: '123',
                    DialogTitle: '相关表格',
                    ListItem: ListItem,
                    contractorData: '', //承包商
                    DrawingDescription: '',//A图纸说明
                    BJobType: "",
                    
                    Form: {
                        JobManagerProple: '',//作业负责人
                        Approver: '',//审批人
                        JobManagere: '',//作业负责人

                        JobUnit: '某单位',//作业单位
                        JobManager: '张永芳', //作业负责人
                        WorkArea: '辽宁 铁岭',  //工作区域
                        JobLocation: '方家栏', //作业地点
                        JobPerson: '白芳',  //作业人
                        Guardian: '高平',  //监护人
                        WorkDescription: Mock.Random.cname(), //工作描述
                        SafeMessage888: [],//作业票证
                        aAnnex888: [],//附件
                    },
                    rules: {},
                }
            },
            methods: {
                //解決edge下select bug
                visibleChange: function (isVisible) {
                    visibleChange(isVisible)
                },
                getData: function () {
                    getData(this, '/api/XKZ_JobLicenseApproval/getMock?id=123');
                },

                //提交数据
                onSubmitForm: function (formName) {
                    var mythis = this;
                    this.$refs[formName].validate(function (valid) {
                        //验证通过
                        if (valid) {
                            onSubmitForm(this, '/api/TemporaryElectricityJob/Save', mythis.Form);
                        } else {
                            //验证失败
                            return false;
                        }
                    });
                },

                getstrData: function (sNum) {
                    var sid = "";
                    var arrayvalues = getDicData(sNum);
                    //var arrayvalues = getDicData('04');
                    //var arrayvalues = randomValue(sNum); // getDicData(sNum);
                    var j = 0;
                    for (var i = 0; i < arrayvalues.length; i++) {
                        sid += arrayvalues[i].value + "，";
                    }

                    if (arrayvalues.length > 0) {
                        sid = sid.substr(0, sid.length - 1);
                    }

                    return sid;
                },
                getstrData2: function (sNum) {
                    var sid = "";
                    var arrayvalues = randomValue(sNum, 4); // getDicData(sNum);
                    var j = 0;
                    for (var i = 0; i < arrayvalues.length; i++) {
                        sid += arrayvalues[i] + "，";
                    }

                    if (arrayvalues.length > 0) {
                        sid = sid.substr(0, sid.length - 1);
                    }
                    //sid = arrayvalues[1]; 

                    return sid;
                },

            },
            mounted: function () {

                this.getData();
                this.contractorData = randomValue("12"); // this.getstrData('12'); //承包商   
                //this.Form.WorkArea = randomValue("10") +"-"+ randomValue("11");
                this.BJobType = this.getstrData2('04'); //B-工作类型  
                this.CJobType = this.getstrData2('05'); //C-危害识别  
                this.DJobType = this.getstrData2('06'); //D-个人安全防护
                this.EJobType = this.getstrData2('07'); //E-工作前安全措施（工作区域准备）
                this.FJobType = this.getstrData2('17'); //F-安全措施确认
                ///////////////////////////////////////////
                //console.log("xxxxxxxxxxxxxxxxxxxxxx");
                //console.log(this.CJobType);
                //console.log("yyyyyyyyyyyyyyyyyyyyyy");
                //console.log(this.getData().SafeMessage888);
                //console.log("zzzzzzzzzzzzzzzzzzzzzzz");
                ///////////////////////////////////////////
            }
        });
    </script>

</body>
</html> 